<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="utf-8" %>
<!doctype html>
<html lang="zh">
<head>
    <title>业务表单</title>
    <%@include file="/common/header.jspf"%>
    <style type="text/css">
          .bpm{width: 707px;}
          .bpm-title{clear: both;}
          .bpm-title ul{clear: both;display: block}
          .bpm .bpm-title li{float: left;width: 234px;text-align: center;border-right: 1px solid #fff;background: #68d4f8;font-size: 14px;color: #090909;
          padding: 10px 0;}
        .bpm-style{clear: both;}
          .bpm-style ul{clear: both;display: block}
          .bpm-style ul li{float: left;width: 235px;text-align: center;font-size: 14px;color: #090909;  padding: 10px 0;background: #cdf1fb;
              border-bottom:1px dashed #A1CEF1}
        .bpm-style img{float: left;margin-top: 8px;margin-left: 20px;cursor: pointer}
          .bpm-style a{float: left;text-align: center;line-height:19px;margin-left: 60px;}
        td{padding: 10px 0;text-align: center;}
        .table-title{background: #eee;color:#090909;}
          .table-title td{width: 141px;}
         .table-list td{color: #838484;border-bottom: 1px dashed #CACACA}
    </style>
</head>
<body>
   <div class="bpm">
         <ul>
             <li class="bpm-title">
                 <ul>
                     <li>环节名</li>
                     <li>开始时间</li>
                     <li>结束时间</li>
                 </ul>
             </li>
             <li class="bpm-style">
                 <ul>
                     <li>开始</li>
                     <li>2017.01.01</li>
                     <li>2017.01.03</li>
                 </ul>
             </li>
             <li class="bpm-style">
                 <ul>
                     <li><img src="${ctx}/resources/themes/images/alias_03.png"><a>部门经理</a></li>
                     <li>2017.01.01</li>
                     <li>2017.01.03</li>
                 </ul>
                 <table cellpadding="0" cellspacing="0">
                        <tr class="table-title">
                            <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;姓名</td>
                            <td>部门</td>
                            <td>开始时间</td>
                            <td>意见</td>
                            <td style="text-align: left">结束时间</td>
                        </tr>
                     <tr class="table-list">
                         <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;张三</td>
                         <td>企业事业部</td>
                         <td>2017.01.02</td>
                         <td>同意</td>
                         <td style="text-align: left">2017.01.03</td>
                     </tr>
                     <tr class="table-list">
                         <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;张三</td>
                         <td>企业事业部</td>
                         <td>2017.01.02</td>
                         <td>同意</td>
                         <td style="text-align: left">2017.01.03</td>
                     </tr>
                 </table>
             </li>
             <li class="bpm-style">
                 <ul>
                     <li><img src="${ctx}/resources/themes/images/alias_03.png"><a style="margin-left: 65px;">总经理</a></li>
                     <li>2017.01.01</li>
                     <li>2017.01.03</li>
                 </ul>
                 <table cellpadding="0" cellspacing="0">
                     <tr class="table-title">
                         <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;姓名</td>
                         <td>部门</td>
                         <td>开始时间</td>
                         <td>意见</td>
                         <td style="text-align: left">结束时间</td>
                     </tr>
                     <tr class="table-list">
                         <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;张三</td>
                         <td>企业事业部</td>
                         <td>2017.01.02</td>
                         <td>同意</td>
                         <td style="text-align: left">2017.01.03</td>
                     </tr>
                 </table>
             </li>
             <li class="bpm-style">
                 <ul>
                     <li>结束</li>
                     <li>2017.01.01</li>
                     <li>2017.01.03</li>
                 </ul>
             </li>
         </ul>
   </div>
</body>
</html>
